body,html{
    height:100%;
    width: 100%;
    margin: 0 auto; 
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
}
#container{
    height: 75%;
    top:224px;
    width: 70%;
    max-width: 1280px;
   min-width:550px;
    margin-left: auto;
    margin-right: auto;
}
.amap-logo {
    
    opacity: 0;
} 
.amap-copyright {
 opacity: 0;
}  
#myPageTop{
     
    top: 10px;
     position: relative;
    width: 30%;
    min-height: 314px;
     right: 0px;
     margin-right: 5px;
     overflow: hidden;
     padding: 0px 0px 0px 0px;

     /* background-color: aliceblue; */
}
#myPageTop label{
       font-size: 15px;
       display: block;
       

       /* background-color: white; */
}

#myPageTop input{
    position: relative;
    display: block;
    width:100%;
    border: 2px solid paleturquoise;
    margin-bottom: 0px;
    
    /* text-align:center; */
}
 #panel{
     font-size: 4px;
    height: 386px;
    min-height: 300px;
    min-width:480px;
    width: 580px;
  
     overflow-y:auto; 
    
    
}  
.collection{
    border: 0px;
}

ul.search_ul{
    margin: 0px 0px 0px 0px;

}
.box_title{
    
   padding:0px 0px 5px 0px;
}

#panel{
    margin: 0px 0px 0px 0px;
    height: 420px;
}
.secondary-content{
    position: relative;
    left:24px;
}
#panel li{
    background-color: ghostwhite; 
    padding: 2px 0px 0px 0px; 
    font-size: 15px;
     /* background-color: aliceblue; */
}
.collection{
    margin: 0px 0px 0px 0px;
    height: 50px;
}
div.box-title,div.box-localtion{
     margin-left: 40px;
}
a.secondary-content{
    height: 50px;
}
.collection .collection-item.avatar .secondary-content{
    position: absolute;
    left: 5px;
    height: 50px;
    width: 84px;
   
}
.material-icons{
        margin-left: 2px;
        
}
p.markerlon,p.markerlat{
     margin: 0px 0px 0px 0px;
    }
.box{
    height: 60px;
    font-size: 10px;
   
}
.box_title{
    padding-bottom: 0px;
}
